<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>share-photo</title>
<meta name="Keywords" content="">
<meta name="Description" content="">
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
<meta content="no-cache" http-equiv="pragma">
<meta content="0" http-equiv="expires">
<meta content="telephone=no, address=no" name="format-detection">
<meta name="apple-mobile-web-app-capable" content="yes"> 
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body class="share share-photo">
	<div class="wrap">
	  <div class="main">
	   <div class="header">
	   	<img src="img/share-photo.png" alt="背景">
	   	<a href="javascript:;"><img src="img/share-left.png" alt="返回"></a>
	   </div>
	   <div class="content">
	   	<div class="self">
	   		<div class="head">
	   			<img src="img/share-read.png" alt="浏览"><span>123456</span>浏览
	   			<img src="img/share-good.png" alt="点赞" class="good"><span>123456</span>赞
	   		</div>
	   		<div class="body">
	   			<p><a href="javascript:;">#biaoqian#2017.2.18</a></p>
	   			<p>
	   				<span>主人说 : </span>
	   				<span>妥妥的出门妥妥的出门妥妥的出门妥妥的出门妥妥的出门妥妥的出门</span>
	   			</p>
	   		</div>
	   	</div>
	   	<div class="outer">
	   		<div class="outer-head">
	   			<a href="javascript:;"><img src="img/user.png" alt="头像"><span>用户名</span></a>
	   			<button class="btn">关注</button>
	   		</div>
	   		<div class="outer-body">
	   			<div class="left">
	   				<div class="sayhead">
	   				    <div class="say-left">
	   				     评论<img src="img/share-good.png" alt="点赞">
	   				    </div>
	   				    <div class="say-right">
	   				    	<img src="img/gift.png" alt="礼物">
	   				    	<span>12456个</span>
	   				    	<button class="btn">赠送</button>
	   				    </div>
	   				</div>
	   				<div class="saybody">
	   					<p><span>我是一只大包子</span>回复<span>酱酱酱 :</span><span>啦啦啦啦啦啦啦啦啦</span></p>
	   					<p><span>臭大饼 :</span><span>啦啦啦啦啦啦啦</span></p>
	   					<p><span>我是一只大包子</span>回复<span>酱酱酱 :</span><span>啦啦啦啦啦啦啦啦啦</span></p>
	   					<p><span>臭大饼 :</span><span>啦啦啦啦啦啦啦</span></p>
	   					<p><span>我是一只大包子</span>回复<span>酱酱酱 :</span><span>啦啦啦啦啦啦啦啦啦</span></p>
	   					<p><span>臭大饼 :</span><span>啦啦啦啦啦啦啦</span></p>
	   				</div>
	   			</div>
	   			<div class="right">
	   				
	   			</div>
	   		</div>
	   	</div>
	   	<div class="recommend">
	   		<div class="rec-head">
	   			<h4>今日推荐</h4>
	   			<a href="javascript:;">显示更多 ></a>
	   		</div>
	   		<div class="rec-body">
	   			<ul>
					<li>
						<a href="javascript">
							<img src="img/minimal.png" alt="图片">
						</a>
					</li>
					<li>
						<a href="javascript">
							<img src="img/minimal.png" alt="图片">
						</a>
					</li>
					<li>
						<a href="javascript">
							<img src="img/minimal.png" alt="图片">
						</a>
					</li>
	   			</ul>
	   		</div>
	   	</div>
	   </div>
	  </div>
	</div>
	<script src="js/jquery-2.1.4.min.js"></script>
	<script src="js/jquery.mutouch.min.js"></script>
	<script src="js/main.js"></script>
</body>
</html>